<template>
  <div class="viewTitle-essential"> 
    <div class="essential-left"></div>
    <div class="essential-text">{{text}}</div>
  </div>
</template>

<script>
export default {
   name:"viewTitle",
   props:['text']

}
</script>

<style lang='scss'>
    .viewTitle-essential{
        width: 100%;
        height: 20px;
        display: flex;
        .essential-left{
          width: 2px;
          background-color: #02bf6b;
          height: 20px;
        }
        .essential-text{
          line-height: 20px;
          padding-left: 5px;
          font-weight: bold;
        }
      }
</style>